<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="<%=basePath%>/resources/base.css">
<link rel="stylesheet" href="<%=basePath%>/resources/sgnav.css" type="text/css">
<script src="http://cdn.qplus.com/js/qplus.api.js">
qplus.onReady(
	    function(){
	        // your code here
	    }
);

function share(){
	qplus.system.shareApp({
		msg:"Q+上的豆果美食很不错，一起来试试吧。",
		title:"",
		param: "param",
		shareBtnText: "分享"
	});
}
</script>
<style type="text/css">
/* 背景 */
html {
	background: #ffffff url('<%=basePath%>/resources/CCA2B.jpg') center top repeat;
	background-repeat: ;
	background: white;
}
/* 头部 */
#header h1 a {
	color: #ffffff;
}

#header p,#header p a {
	color: #ffffff;
}
/* 文章内容 */
h2.title a {
	color: #444444;
}

.time,.time a {
	color: #AAA9B1 !important;
}

.post {
	color: #6F7174;
}

.post a {
	color: #DE4C1C;
}

.post .tag li a span {
	color: #6D4D1D;
}

</style>
</head>
<body>
	<div id="container">
		<div class="nav">
			<div class="nav-cont">
				<ul class="menu">
					<li><a href="#" class="archive"><span>首页</span></a></li>
					<li><a href="#" class="archive"><span>随机</span></a></li>
					<li><a href="#" class="archive"><span>美女</span></a></li>
					<li><a href="#" class="archive"><span>野兽</span></a></li>
					<li><a href="#" class="archive"><span>2B青年</span></a></li>
					<li><a href="#" class="archive"><span>恶搞</span></a></li>
					<li><a href="#" class="archive"><span>萌族</span></a></li>
					<li><a href="#" class="archive"><span>意外</span></a></li>
					<li><a href="#" class="archive"><span>喜感</span></a></li>
					<li><a href="#" class="archive"><span>牛人</span></a></li>
				</ul>
			</div>
		</div>
		<!-- .nav -->

		<div class="content">
			<div class="entry">
				<c:forEach items="${imageList }" var="image">
					<div class="post text">
						<fmt:formatDate value="${image.gmtCreate }" pattern="yyyy-MM-dd HH:mm"/>
						<h2 class="title">${image.imageDesc }</h2>
						<p>
							<img src="${image.imageUrl }"
								alt="${image.imageDesc }">
						</p>
						<div class="info">
							<!-- <span class="hot"></span>热度0℃ -->
							<span class="read-more"></span><a href="javascript:share()">分享</a>
						</div>
					</div>
				</c:forEach>
				<div class="page">
					<a href="#">下一页 &gt;</a>
				</div>
			</div>
			<!-- .entry -->
		</div>
		<div class="page-foot"><span></span></div>
	</div>
</body>
</html>